#righter{position:fixed;right:0;z-index:0;width:40px;height:100%;background:#444851}
#righter ul{position:fixed;bottom:20px}
#righter li{list-style:none;width:40px;height:38px;border-top:5px solid #444851}
#righter div{width:24px;height:24px;margin: -12px auto;position:relative;top:50%}

#righter .li2{height:100px;color:#fff;line-height:15px;font-weight:bold;background:#ed145b}
#righter .li2 div{top:18px}
#righter .li6{margin-top:30px}

#righter ul li div{background:url(../../images/righter.png) no-repeat}
#righter ul .li1 div{background-position:3px 3px}
#righter ul .li2 div{background-position:-32px -26px}
#righter ul .li3 div{background-position:3px -54px}
#righter ul .li4 div{background-position:3px -80px}
#righter ul .li5 div{background-position:2px -110px}
#righter ul .li6 div{background-position:3px -299px}
#righter ul .li7 div{background-position:4px -171px}
#righter ul .li8 div{background-position:3px -197px}

#righter li:hover{background:#ed145b}

#righter ul .li1:hover div{background-position:-30px 3px}
#righter ul .li2:hover div{background-position:-32px -26px}
#righter ul .li3:hover div{background-position:-30px -54px}
#righter ul .li4:hover div{background-position:-30px -80px}
#righter ul .li5:hover div{background-position:-30px -110px}
#righter ul .li6:hover div{background-position:3px -299px}
#righter ul .li7:hover div{background-position:-29px -171px}
#righter ul .li8:hover div{background-position:-30px -197px}